<script setup lang="ts">
import { ref } from 'vue'

defineOptions({
  name: 'ContentCategory'
})
</script>

<template>
  <div class="category-container">
    <div class="page-header">
      <h2>分类管理</h2>
      <el-button type="primary" icon="ep:plus">新增分类</el-button>
    </div>

    <el-card>
      <p>分类管理功能开发中...</p>
    </el-card>
  </div>
</template>

<style scoped lang="scss">
.category-container {
  .page-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;

    h2 {
      margin: 0;
      color: #303133;
    }
  }
}
</style>
